<html>
<head>
<title>Upload Form</title>
<script>
    
    function verImagen(i){
        
        var imagen=document.getElementById("imagen"+i);
        
        imagen.style.display="";
        
        var ocultar=document.getElementById("ocultar"+i);
        
        ocultar.style.display="";
        
        var ver=document.getElementById("ver"+i);
        
        ver.style.display="none";
    }
    
    function ocultarImagen(i){
        
        var imagen=document.getElementById("imagen"+i);
        
        imagen.style.display="none";
        
        var ver=document.getElementById("ver"+i);
        
        ver.style.display="";
        
        var ocultar=document.getElementById("ocultar"+i);
        
        ocultar.style.display="none";
    }
    
    
</script>    

</head>
<body>



<?php echo form_open_multipart('examen/do_upload/'.$cita['Cita']);?>

    
    <?php latisoft_textArea('Detalle', 'Detalle del anexo', 3, '', true, '400px')?>
    <div class='control-group'>
            
            <div    class='controls'>
<!--                <label class='control-label' for='$id'>Anexar imagen</label>-->
                <input type='file' name='userfile' id='userfile' size="20">
                
            </div>
     </div>
    
<!--<input type="file" name="userfile" size="20" />-->

<br /><br />

<div class="form-actions">
   <input type="submit" class="btn btn-primary" value="Anexar Imagen"/>
</div>



<?php 
        if($anexos!=null){
        
?>    

       <h3>Anexos</h3>
<?php

        $i=0;    
        foreach($anexos as $anexo ){
            
            latisoft_twoColsBegin(); 
            latisoft_inputText("filename", "Nombre de Archivo", $anexo['file_name'], false);
?>

        <a onClick='verImagen(<?php echo $i?>)' name="ver" id="ver<?php echo $i?>" style="display:">Ver imagen</a>
        <a onClick='ocultarImagen(<?php echo $i?>) ' name="ocultar" id="ocultar<?php echo $i?>" style="display:none">Ocultar imagen</a>

<?php
            latisoft_twoColsSeparator();
            latisoft_textArea("detalle", "Detalle del anexo", 3,$anexo['detalle'], false,"300px");
            latisoft_nColsEnd();
?>

        <img src="<?php echo base_url().'/documents/'.$anexo['file_name'] ?>" name="imagen" id="imagen<?php echo $i?>" style="display:none">
        <br><br>
<?php

        $i++;
        
        
        }   
        
        }
            
?>
<?php echo form_close()?>

</body>
</html>




